<!--
 * @Author: GuoShuning
 * @Date: 2022-12-13 15:42:53
 * @LastEditors: GuoShuning
 * @LastEditTime: 2022-12-17 11:17:22
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 公共css -->
  <script src="./common/bootstrap-5.2.3-dist/js/bootstrap.bundle.js"></script>
  <link rel="stylesheet" href="./common/css/coommon.css">
  <title>公共头部</title>
</head>

<body style="background-color: azure;">
  <div class="commonHeader">
    <div class="headerLeft">
      <div class="headerLeft_logo">
        <img src="./common/img/header/logo.png" width="179px" height="50px" alt="" />
      </div>
      <div class="headerLeft_menus">
        <div class="itemMenu activeMenu">
          首页
        </div>
        <div class="itemMenu">
          项目管理
        </div>
        <div class="itemMenu">
          合同管理
        </div>
        <div class="itemMenu">
          共享知识库
        </div>
        <div class="itemMenu">
          财务管理
        </div>
        <div class="itemMenu">
          供应商管理
        </div>
        <div class="itemMenu">
          系统管理
        </div>
      </div>
    </div>
    <div class="headerRight">
      <div class="help">
        <img src="./common/img/header/help.png" width="20px" height="20px" alt="" />帮助
      </div>
      <div class="users">
        <div class="dropdown">
          <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown"
            aria-expanded="false">
            <div class="el-dropdown-link">
              <img src="./common/img/header/photo.png" width="38px" height="38px" alt="" />
              <div>Juda.OA</div>
            </div>
          </button>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="javascript:;">退出登录</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>

</html>